<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title>后台管理</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="stylesheet" href="/admin/static/css/font.css">
  <link rel="stylesheet" href="/admin/static/css/xadmin.css">
  <script type="text/javascript" src="/admin/static/js/jquery.min.js"></script>
  <script type="text/javascript" src="/admin/static/lib/layui/layui.js" charset="utf-8"></script>
  <script type="text/javascript" src="/admin/static/js/xadmin.js"></script>
  <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
  <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
  <div class="x-nav">
    <span class="layui-breadcrumb">
      <a href="">首页管理</a>
      <a>
        <cite>课题组简介</cite></a>
    </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
      href="javascript:location.replace(location.href);" title="刷新">
      <i class="layui-icon" style="line-height:30px">ဂ</i></a>
  </div>
  <div class="x-body">
    <img
      src="${introduction.image}"
      width="400px" height="300px" style="display: block; margin: 20px auto;">
    <button class="layui-btn layui-btn-normal modify-btn" style="display:block; margin: 15px auto;">更改图片</button>
    <form action="/admin/introduction/image/edit" method="post" enctype="multipart/form-data" style="display: none" >
      <input type="text" style="display: none" name="id" value="${introduction.id}">
      <input type="file" name="img" id="" class="file-input" accept="image/*">
    </form>
    <form action="/admin/introduction/content/edit" method="POST">
      <input type="text" style="display: none" name="id" value="${introduction.id}">
      <div class="layui-form-item layui-form-text">
          <label class="layui-form-label">内容</label>
          <div class="layui-input-block">
            <textarea placeholder="请输入内容" class="layui-textarea" name="content">${introduction.content}</textarea>
          </div>
        </div>
        <button class="layui-btn layui-btn-normal" style="display:block; float: right;" type="submit">更改内容</button>
    </form>

  </div>
  <script>
    $('.modify-btn').click(function() {
      $(this).next().children('input').click();
    });
    $('.file-input').change(function() {
      var fileSize = this.files[0].size / 1024;
      if (fileSize > 5120) {
        layer.alert('上传失败，图片需小于5MB');
      } else {
        // 表单提交
        $(this).parent().submit()
      }
    });


  </script>

</body>

</html>